<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <title>團購列表</title>
</head>
<body>
<div class="record-main">
    <div class="main-title">
        團購列表
    </div>
    <div class="record-content">
       <form action="" method="post">
           <div class="group-list-search">
               <div class="group-list-lx">
                   <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">類型</span>
                   <div class="form-group" style="margin-right: 10px;width: 120px;">
                       <select name="" class="form-control select-tc">
                           <option value="">預約</option>
                           <option value="">在線售賣</option>
                       </select>
                   </div>
               </div>
               <div class="group-list-md">
                   <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">參與門店</span>
                   <div class="form-group" style="margin-right: 10px;width: 160px;">
                       <select name="" id="" class="form-control select-tc">
                           <option value=""></option>
                           <option value="">aa</option>
                           <option value="">bb</option>
                           <option value="">33</option>
                           <option value="">44</option>
                       </select>
                   </div>
               </div>
               <div class="group-list-zt">
                   <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">狀態</span>
                   <div class="form-group" style="margin-right: 10px;width: 120px;">
                       <select name="" class="form-control select-tc">
                           <option value="">售賣中</option>
                           <option value="">已售完</option>
                           <option value="">未開售</option>
                       </select>
                   </div>
               </div>
               <div class="group-list-name">
                   <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">團購名稱</span>
                   <div class="form-group" style="margin-right: 10px;width: 160px;">
                       <select name="" class="form-control select-tc">
                           <option value="">360旋轉餐廳自助成人午餐</option>
                           <option value="">11</option>
                           <option value="">22</option>
                           <option value="">33</option>
                           <option value="">44</option>
                       </select>
                   </div>
               </div>
               <div class="group-list-button" style="float: right">
                   <button type="button" class="btn btn-default arrive-reach" style="background: #00a189;color: white;border: 1px solid #00a189;">查询</button>
                   <button type="button" class="btn btn-default xf-dc" style="color: #6c6666;">導出</button>
               </div>
           </div>
           <div class="record-list">
              <table class="result-content">
                  <tr>
                      <th style="width: 160px;">團購名稱</th>
                      <th>參與門店</th>
                      <th>團購價格</th>
                      <th>原價</th>
                      <th style="width: 160px;">可用時段</th>
                      <th style="width: 140px;">開始時間</th>
                      <th style="width: 240px;">更新時間</th>
                      <th>狀態</th>
                      <th>操作</th>
                  </tr>
                  <tr>
                      <td>360旋轉餐廳自助成人午餐</td>
                      <td>威尼斯人</td>
                      <td>200MOP</td>
                      <td>100MOP</td>
                      <td>17：00-20：00</td>
                      <td>2016-07-21</td>
                      <td>2016-07-21 15:40:20</td>
                      <td>售賣中</td>
                      <td><a href="group-affirm.html" style="color: #00a189;">查看詳情</a></td>
                  </tr>
                  <tr>
                      <td>360旋轉餐廳自助成人午餐</td>
                      <td>威尼斯人</td>
                      <td>200MOP</td>
                      <td>100MOP</td>
                      <td>17：00-20：00</td>
                      <td>2016-07-21</td>
                      <td>2016-07-21 15:40:20</td>
                      <td>售賣中</td>
                      <td><a href="group-affirm.html" style="color: #00a189;">查看詳情</a></td>
                  </tr>
              </table>
           </div>
           <div class="page-list">
               <div class="page text-center">
                  <span>
                     21条 2/3頁
                  </span>
                  <button class="btn btn-default" style="margin: 10px 0;">首頁</button>
                  <button class="btn btn-default">上一頁</button>
                  <button class="btn btn-default">下一頁</button>
                  <button class="btn btn-default">末頁</button>
               </div>
           </div>
       </form>
   </div>
</div>
</body>
</html>